<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html lang="zh-cn">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>阳光灿然CRM</title>
	<script>
        if (window != window.top) top.location.href = self.location.href;
	</script>
	<link href="/js/frame/layui/css/layui.css" rel="stylesheet" />
	<link href="/js/frame/font-awesome/css/font-awesome.css" rel="stylesheet" />
	<link href="/css/frame/login.css" rel="stylesheet" />
	<link href="/js/frame/sideshow/css/normalize.css" rel="stylesheet" />
	<link href="/js/frame/sideshow/css/demo.css" rel="stylesheet" />
	<link href="/js/frame/sideshow/css/component.css" rel="stylesheet" />
	<!--[if IE]>
	<script src="/js/frame/sideshow/js/html5.js"></script>
	<link rel="shortcut icon" href="static/favicon.ico" />
	<![endif]-->
	<style>
		canvas {
			position: absolute;
			z-index: -1;
		}

		.kit-login-box header h1 {
			line-height: normal;
		}

		.kit-login-box header {
			height: auto;
		}

		.content {
			position: relative;
		}

		.codrops-demos {
			position: absolute;
			bottom: 0;
			left: 40%;
			z-index: 10;
		}

		.codrops-demos a {
			border: 2px solid rgba(242, 242, 242, 0.41);
			color: rgba(255, 255, 255, 0.51);
		}

		.kit-pull-right button,
		.kit-login-main .layui-form-item input {
			background-color: transparent;
			color: white;
		}

		.kit-login-main .layui-form-item input::-webkit-input-placeholder {
			color: white;
		}

		.kit-login-main .layui-form-item input:-moz-placeholder {
			color: white;
		}

		.kit-login-main .layui-form-item input::-moz-placeholder {
			color: white;
		}

		.kit-login-main .layui-form-item input:-ms-input-placeholder {
			color: white;
		}

		.kit-pull-right button:hover {
			border-color: #009688;
			color: #009688
		}
	</style>
</head>


<body class="kit-login-bg">
<div class="container demo-2">
	<div class="content">
		<div id="large-header" class="large-header">
			<canvas id="demo-canvas"></canvas>
			<div class="kit-login-box">
				<header>
					<h1>阳光灿然教育CRM系统</h1>
				</header>
				<div class="kit-login-main">
					<form action="" class="layui-form" method="POST">
						<div class="layui-form-item">
							<label class="kit-login-icon">
								<i class="layui-icon">&#xe612;</i>
							</label>
							<input type="text" name="loginName" lay-verify="required" autocomplete="off" placeholder="这里输入用户名." class="layui-input">
						</div>
						<div class="layui-form-item">
							<label class="kit-login-icon">
								<i class="layui-icon">&#xe642;</i>
							</label>
							<input type="password" name="password" lay-verify="required" autocomplete="off" placeholder="这里输入密码." class="layui-input">
						</div>
						<div class="layui-form-item">
							<div>languge:</div>
							<div class="kit-pull-left ">
								<input type="radio" name="languge" value="zh" lay-skin="primary" checked title="中文">
								<input type="radio" name="languge" value="en" lay-skin="primary"   title="english">
							</div>
							<div class="kit-pull-left kit-login-remember" style="display: none">
								<input type="checkbox" name="rememberMe" value="true" lay-skin="primary" checked title="记住帐号?">
								<input type="checkbox" name="rememberMe" value="true" lay-skin="primary" checked title="chinese?">
							</div>
							<div class="kit-pull-right">
								<button class="layui-btn layui-btn-primary" type="submit">
									<i class="fa fa-sign-in" aria-hidden="true"></i> LOGIN
								</button>
							</div>
							<div class="kit-clear"></div>
						</div>
					</form>
				</div>
				<footer>
					<p>website © <a href="http://www.sunshinehome.com.cn/" style="color:white; font-size:18px;" target="_blank">www.sunshinehome.com.cn</a></p>
				</footer>
			</div>
		</div>
	</div>
</div>
<!-- /container -->

<script src="js/frame/layui/layui.js"></script>
<script src="js/frame/sideshow/js/TweenLite.min.js"></script>
<script src="js/frame/sideshow/js/EasePack.min.js"></script>
<script src="js/frame/sideshow/js/rAF.js"></script>
<script src="js/frame/sideshow/js/demo-1.js"></script>
<script>
    layui.use(['layer', 'form'], function() {
        var layer = layui.layer,
            $ = layui.jquery,
            form = layui.form;
		/*
        $('#changeCode').on('click', function() {
            $('#changeCode > img')[0].src = './build/images/GetVerfiyCode.png';
        });*/

        //清理左侧菜单缓存
        var index = layer.load(2, {
            shade: [0.3, '#333']
        });
        $(window).on('load', function() {
            layer.close(index);
        }());

    });
</script>
</body>

</html>